.detail-page{
}



.result-info{
  padding: 0 $page_margin;
  $item: info-item;
  .#{$item}{
    display: flex;
    //&:first-child{
    //  .#{$item}__status:after{
    //    border-left-style: dashed;
    //    border-left-color: #E57722;
    //  }
    //}
    &:last-child{
      .#{$item}__status:after{
        display: none;
      }
    }

    &__left{
      color: #999;
      width: 80px;
      text-align: right;
    }
    &__date{
      font-size: 28px;
    }
    &__time{
      font-size: 24px;
    }

    &__status{
      width: 90px;
      position: relative;
      font-size: 24px;
      &:after{
        top: 20px;
        left: 50%;
        height: 100%;
        content: '';
        position: absolute;
        transform: translateX(-50%);
        border-left: 2px solid #E6E6E6;
      }
    }
    &__status-dot{
      top: 20px;
      left: 50%;
      width: 16px;
      height: 16px;
      border: 2px solid #fff;
      //z-index: 1;
      position: absolute;
      transform: translateX(-50%);
      background: #CBCBCB;
      border-radius: 50%;
    }

    &__right{
      flex: 1;
      color: #999;
      display: inline;
      padding-bottom: 60px;
      view{
        display: inline;
      }
    }
    .phone-text{
      color: #333;
    }
  }
}
